/* 通用样式规定 */

/* 整体样式 */
*{
  margin: 0;
  padding: 0;
}

/* li列表默认样式清除 */
ul li {
  list-style: none;
}

/* a链接默认样式清除 */
a {
  text-decoration: none;
}

/* 清除浮动  类名:clearfix*/
.clearfix::after,
.clearfix::before{
  content: " ";
  display: block;
  clear: both;
  zoom: 1;
}

/* 版心:设置宽度为1200px的容器盒子 类名为container*/
.container {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  background-color: yellow;
}

/* ----------------------------------------顶部导航栏区域---------------------------------------- */
.top {
  width: 100%;
  height: 60px;
  background-color: skyblue;
}

/* 顶部左侧导航区域 */
.top-left {
  width: 600px;
  height: 100%;
  background: yellow;
  float: left;
}

/* 顶部左侧logo */
.top-left-logo {
  width: 150px;
  height: 60px;
  background: red;
  float: left;
}

/* 顶部左侧a链接跳转导航 */
.top-left-nav {
  width: 300px;
  height: 60px;
  line-height: 60px;
  float: left;
}

/* 跳转页面a链接 */
.top-left-nav a {
  display: block;
  padding: 0 25px;
  float: left;
}

/* 顶部右侧用户登录注册区域 */
.top-right {
  width: 500px;
  height: 60px;
  background-color: greenyellow;
  float: right;
}

.top-right-user {
  width: 200px;
  height: 100%;
  border: 1px solid red;
  float: right;
  line-height: 60px;
}

.top-right-user a{
  display: block;
  padding: 0 25px;
  float: left;
}

/* ----------------------------------------xxx区域---------------------------------------- */
